<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <ui:composition template="/WEB-INF/content/layout.xhtml">
        <ui:define name="title">${msg['menu.server.charset']}</ui:define>
        <ui:define name="content">

<section data-role="collapsible">
<h2>${msg['menu.server.charset']}</h2>
<input id="charset-input" data-type="search" placeholder="${msg['filter']}" />
<ul style="column-width: 10em; -moz-column-width: 10em; -webkit-column-width: 10em;" data-filter="true" data-input="#charset-input">
<c:forEach items="${bean.charsets}" var="v">
<li>${v}</li>
</c:forEach>
</ul>
</section>

<section data-role="collapsible">
<h2>${msg['server.charset.country.codes']}</h2>
<input id="country-input" data-type="search" placeholder="${msg['filter']}" />
<table border="1" data-filter="true" data-input="#country-input">
<thead><tr><th>${msg['country']}</th><th>${msg['server.charset.code']}</th></tr></thead>
<tbody>
<c:forEach items="${bean.countries}" var="v">
<tr><td>${v.key}</td><td>${v.value}</td></tr>
</c:forEach>
</tbody>
</table>
</section>

<section data-role="collapsible">
<h2>${msg['server.charset.language.codes']}</h2>
<input id="language-input" data-type="search" placeholder="${msg['filter']}" />
<table border="1" data-filter="true" data-input="#language-input">
<thead><tr><th>${msg['language']}</th><th>${msg['server.charset.code']}</th></tr></thead>
<tbody>
<c:forEach items="${bean.languages}" var="v">
<tr><td>${v.key}</td><td>${v.value}</td></tr>
</c:forEach>
</tbody>
</table>
</section>

<section data-role="collapsible">
<h2>${msg['server.charset.currency.codes']}</h2>
<input id="currency-input" data-type="search" placeholder="${msg['filter']}" />
<table border="1" data-filter="true" data-input="#currency-input">
<thead><tr><th>${msg['currency']}</th><th>${msg['server.charset.code']}</th></tr></thead>
<tbody>
<c:forEach items="${bean.currencies}" var="v">
<tr><td>${v.key}</td><td>${v.value}</td></tr>
</c:forEach>
</tbody>
</table>
</section>

        </ui:define>
    </ui:composition>

</html>
